<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="utf-8"%>



<%@ page import="java.util.ArrayList"%>
<%@ page import="com.ipt.frm.pw.Alumno"%>
<%@ page import="com.ipt.frm.pw.AlumnoException"%>
<%@ page import="com.ipt.frm.pw.Utilidades"%>
<%@ page import="com.ipt.frm.pw.Mensaje"%>
<%@ page import="com.ipt.frm.pw.Tipo"%>



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Ranking de Alumnos</title>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<link href="css/Style.css" rel="stylesheet" type="text/css"> 

</head>
<body>
<%@ include file="includes/check.jsp" %>
<div id="content">
	<h1>Lista de alumnos</h1>

	

	
	
	<!--  A partir de HTML5 el type type="text/javascript" sobra -->
	<script>
		$(document).ready(function() {
			
			//aplicar libreria para tablas
			$("#tabla").dataTable();
			
			//Cambiar css dinamicamente
			$("p").css("border", "3px dotted #000000");
			//Selecciona todos los parrafos
			$("p").click(function() {
				$(this).hide();
			});
		});

		/*function init() {
			
		}
		//Esperamos a cargar toda la pagina para llamar a la funcion de init
		window.onload = init();
		 */
	</script>

	<table id="tabla" border="1">
		<thead>
			<tr>
				<th>Nombre</th>
				<th>Apellido</th>
			</tr>
		</thead>
		<tfoot>
			<tr>
				<td colspan="2">Pie de pagina</td>
			</tr>
		</tfoot>
		<tbody>

		<%
		
		ArrayList<Alumno> objetosCol1 = (ArrayList<Alumno>)request.getAttribute("tblRanking") ;
		if (objetosCol1 == null) objetosCol1 = new ArrayList<Alumno>();
			//ArrayList<Alumno> lista = (ArrayList) request.getSession().getAttribute("tblRanking");
	 
				
				for (int i=0;i<objetosCol1.size();i++){
					out.println("<tr><td>" + objetosCol1.get(i).getNombre()
							+ "</td><td>" + objetosCol1.get(i).getApellido1()
							+ "</td></tr>");
				}
		%>
	
			
		</tbody>
	</table>
</div>
</body>
</html>